<template>
  <view class="contractConnection-Modal">
    <view v-if="isShow" @click="toConnectionSquare">
      <TImage
        src="https://hb-saas.obs.cn-south-1.myhuaweicloud.com/mall/saas/contractConnection.gif"
        width="172rpx"
        height="172rpx"
      />
    </view>
    <view v-if="isShow" class="ali-icon icon-guanbi" @click="closePopup"></view>
  </view>
</template>
<script setup lang="ts">
  import { getCurrentInstance, onMounted, ref } from 'vue';
  import TImage from '@/components/TImage/index.vue';
  import { navigateTo } from '@/router';
  const _this = getCurrentInstance();

  const props = defineProps({
    activityId: {
      type: Number,
      defalut: 0,
    },
  });

  const isShow = ref(true);
  const toConnectionSquare = function () {
    navigateTo({
      name: 'connectionSquare',
      options: {
        activityId: props.activityId!,
      },
    });
  };
  const closePopup = () => {
    isShow.value = false;
  };
</script>
<style lang="scss" scoped>
  .contractConnection-Modal {
    position: fixed;
    right: 20rpx;
    bottom: 600rpx;
    .icon-guanbi {
      position: absolute;
      font-size: 48rpx;
      right: 0;
      top: 0;
      color: #8b8a8a;
    }
  }
</style>
